<template>
    <div class="flex gap-2">
        <el-tag type="primary">Tag 1</el-tag>
        <el-tag type="success">Tag 2</el-tag>
        <el-tag type="info">Tag 3</el-tag>
        <el-tag type="warning">Tag 4</el-tag>
        <el-tag type="danger">Tag 5</el-tag>
    </div>
</template>
<style lang="less" scoped>
:deep(.el-tag) {
    margin: 8px;
}
</style>
